.root {
  width: 100%;
}

.tabBarContainer {
  position: relative;
  padding-top: var(--spacing-1);

  font-family: var(--font-family-primary);
  font-size: var(--font-size-2);
}

.sortMenu {
  /* same as tab bottom padding */
  padding-bottom: calc(var(--spacing-2) + 3px);
}

.fixedTab {
  max-width: 200px;
  white-space: normal;
  text-align: left;
}

.featureTabRoot {
  display: inline-block;
  list-style: none;
  margin-right: 0px;

  font-family: var(--font-family-primary);
}

.featuredCommentsTabContainer {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

.featuredCommentsInfo {
  margin-left: calc(-1 * var(--spacing-1));
  margin-right: var(--spacing-3);
  margin-bottom: 5px;
}

.featuredCommentsTab {
  display: flex;
  align-items: center;
}

.tabBarRoot {
  border: 0;
}

.tabBarRow {
  border-bottom: 1px solid var(--palette-divider);
}

.moderateStream {
  margin-top: var(--spacing-1);
  margin-bottom: var(--spacing-2);
}
